<!--
  ~ Copyright (c) 2019. Supefun<supefun@163.com> All rights reserved.
  -->

<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Amaze UI</title>
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
    <style>
        .boxes {
            width: 700px;
        }

        .boxes .box {
            height: 150px;
            color: #fff;
            background: #0aa7ef;
            border: 1px #fff solid;
            line-height: 150px;
            text-align: center;
            font-weight: bold;
            transition: all .2s ease;
            font-size: 24px;
        }

        .boxes .box:hover {
            font-size: 200%;
            transform: rotate(360deg);
        }
    </style>
</head>
<body>
<p>
    Hello Amaze UI.
</p>
<ul class="am-avg-sm-3 boxes">
    <li class="box">1</li>
    <li class="box">2</li>
    <li class="box">3</li>
    <li class="box">4</li>
    <li class="box">5</li>
    <li class="box">6</li>
    <li class="box">7</li>
    <li class="box">8</li>
    <li class="box">9</li>
</ul>
<!--在这里编写你的代码-->

<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
</body>
</html>
